@mixin flex($row:space-between,$col:center) {
    display: flex;
    justify-content: $row;
    align-items: $col;
}
@mixin bgImg($W,$h,$url,$size:contain) {
    display: inline-block;
    width: $W;
    height: $h;
    content: '';
    background: url($url) no-repeat center;
    background-size: $size;  
}
@mixin position($pos:absolute,$left:0,$top:0,$w:100%,$h:100%) {
    position: $pos;
    left: $left;
    top: $top;
    width: $w;
    height: $h;
}
@mixin positionImg($pos:absolute,$right:0,$top:0,$w:100%,$h:100%,$url:'',$size:contain) {
    position: $pos;
    width: $w;
    height: $h;
    right: $right;
    top: $top;
    background: url($url) no-repeat center;
    background-size: $size;  
}